@import "func";

.tabs {
	@extend %tabs;
	margin-bottom: 30px;
}
.choose {
	overflow: hidden;
	margin-bottom: 15px;
	.tit {
		float: left;
		margin-right: 30px;
		font-size: 16px;
		color: #717889;
	}
	.radio-box {
		overflow: hidden;
		float: left;
		margin-left: -20px;
		.radio-select {
			float: left;
			margin-left: 20px;
			font-size: 16px;
			color: #717889;
			.radiooption {
				@include dib;
				margin-right: 10px;
				margin-bottom: 2px;
				width: 15px;
				height: 15px;
			}
		}
	}
}
.table-box {
	.btns {
		text-align: center;
	}
	table {
		@extend %table;
		td {
			padding-left: 10px;
			padding-right: 10px;
		}
		.mac-addr {
			width: 150px;
		}
	}
}

.penal-box {
	overflow: hidden;
	.btns {
		float: left;
	}
	.penal {
		float: left;
	}
}
.penal-ct {
	margin: 0 auto 30px;
	width: 45%;
	.field,
	.field2 {
		margin-left: 0!important;
	}
}
.panes {
	.table-box {
		margin-bottom: 50px;
	}
}
.grouping {
	overflow: hidden;
	.group {
		float: left;
		margin-right: 2%;
		width: 15%;
	}
	.edit-ct {
		float: left;
		width: 53%;
	}
	.member {
		float: right;
		width: 28%;
	}
}
.group {
	dl {
		border: 1px solid #ccc;
		text-align: center;
		dt {
			height: 38px;
			line-height: 38px;
			font-weight: bold;
		}
		dd {
			height: 35px;
			line-height: 35px;
			border-top: 1px solid #ccc;
			a {color: #ababab;}
			&.active {
				background-color: #42b4e7;
				a {color: #fff;}
			}
		}
	}
}
.edit-ct {
	.penal {
		margin-bottom: 30px;
	}
	.table-box {
		margin-bottom: 20px;
	}
	.btns {
		text-align: center;
	}
}
.member {
	.tit {
		margin-bottom: 10px;
		font-size: 16px;
	}
	dl {
		border: 1px solid #ccc;
		padding: 0 10px 30px;
		dd {
			height: 35px;
			line-height: 35px;
			color: #ababab;
		}
	}
}
.control-ct {
	&.ct2 {display: none;}
	.control {
		> label {
			width: 60px!important;
		}
		> .field {
			margin-left: 80px!important;
		}
		.field2 {
			margin-left: 80px!important;
		}
	}
}
.chat-ct {
	overflow: hidden;
	margin-bottom: 30px;
	.chat-info {
		float: left;
		padding: 15px;
		width: 770px;
		background-color: #71d2f0;
		border: 1px solid #67c2df;
		border-radius: 6px;
		.top,
		.bottom{
			float: left;
			width: 50%;
			font-size: 20px;
			font-weight: bold;
			color: #fff;
			text-align: center;
		}
	}
	.btn-test{
		float: right;
		margin-top: 15px;
	}
}
.test-ct {
	overflow: hidden;
	.l,
	.r{
		float: left;
		width: 50%;
	}
}
.test-input .btns {margin-top: 50px;}



@import "form";

$h: 33px !default;
$label-width: 100px !default;
$label-color: #717889;

.form {
	@include form;
	font-size: 14px;
	.control {
		label {
			.checkbox {
				@include dib;
				margin-bottom: 2px;
				margin-right: 5px;
			}
		}
		> .field{
			margin-left: $label-width + 20px;
		}
		.field2 {
			@include clearfix;
			margin-left: 120px;
			.input-text {
				width: 130px;
			}
		}
		.btn-add {
			float: right;
		}
	}
	.field {
		@include clearfix;
		.input-min {width: 50px; line-height: 26px;}
		.check-label,
		.text {
			line-height: 33px;
			color: #ababab;
		}
	}
}


// block-table
.block-table {margin-left: 30px;}
.grid {
	overflow: hidden;
	.hour-list{
		margin-left: 38px;
		li{
			display: inline-block;
			text-align: center;
			width: 25px;
			*display: inline;
			*zoom: 1;
		}
		span{
			display: inline-block;
			width: 18px;
			height: 18px;
			background: url(../images/advance.png) no-repeat -197px -94px;
			cursor: pointer;
			font-size: 12px;
			color: #fff;
			*display: inline;
			*zoom: 1;
		}
		.hour {
			width: auto;
			color: #6ebfd9;
		}
	}
	.week-list{
		float: left;
		margin-top: 5px;
		margin-right: 15px;
		padding-left: 0;
		width: 40px;
		color: #505050;
		li{
			height: 28px;
			line-height: 28px;
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
		}
	}
	.table-week{
		float: left;
		margin-top: 5px;
		.tableicell{
			display: inline-block;
			width: 25px;
			height: 25px;
			background-color: #fcfcfc;
			&.highlight {
				background-color: #a0d468;
			}
		}
		td{
			padding: 1px;
			border: 1px solid #e3e6e9;
			font-size: 0px;
		}
	}
}
.tip-block{
	margin-top: 15px;
	span{
		@include dib;
		font-size: 14px;
	}
	i{
		@include dib;
		height: 18px;
		width: 18px;
		background: #a0d468;
	}
}

@import "tabs";
@import "table";


